﻿{% include "header.html" %}
        <div id="colummLeft">
            <div id="cLeftTop">
                {% for noticias in manchete|slice:"0:1" %}

                    <div id="marcheteTop">
                        <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}">
                            <h1 class="tituloManchete">{{ noticias.titulo }}</h1>
                        </a>
                        <p class="DescricaoManchete">{{ noticias.subtitulo }}</p>
                    </div>
                {% endfor %}
                <div id="NoticiasPrincipais">
                    <!-- Blocos abaixo da manchete -->
                    <div id="subManchete">
                        <div id="smRight">
                            <p class="dvSecaoSM">Detran/<span class="bold">DF</span>
                            <div id="miniLogoSecaoSM">
                                <img src="{{ MEDIA_URL }}img/inconMini.png" alt="Icone mini" />
                            </div>
                            {% for noticias in noticiasdf|slice:":2" %}
                                <div id="smRightBox1">
                                    <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}"><h1 class="smTituloBox">{{ noticias.titulo }}</h1></a>
                                    <p class="smDescricao">{{ noticias.subtitulo }}</p>
                                </div>
                            {% endfor %}
                        </div>
                        <div id="limite">

                             {% for noticias in manchete|slice:"1:4" %}
                                 <div id="smLeft">

                                    <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}"><h1 class="smTituloLeftsm">{{ noticias.titulo }}</h1></a>
                                    <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}"><img src="{{ MEDIA_URL }}{{ noticias.imagem_destaque }}" width="260px" height="145" />
                                    

                                    </a>
                                    <p class="smDescricao">{{ noticias.subtitulo }}</p>
                                 </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div class="slideshow2" ">
                            {% for publicidade in publicidade %}
                        {% if publicidade.tipo == '2' %}
                        <a href="{{ publicidade.url }}"><img src="{{ MEDIA_URL }}{{ publicidade.arquivo }}" width="492" height="50" /></a>
                        {% endif %}
                        {% endfor %}
                    </div>
                  </div>
                  <div id="blocoRightManchete">
                        <div id="ultimasBoxRight">
                            <div id="blocoCentro4">
                                <p class="TopBlocoCentroTop">Detran/<span class="boldBlue">Piauí</span>
                                    <img class="LogoMini" src="{{ MEDIA_URL }}img/inconMini.png" alt="Icone mini" align="right" />
                                </p>
                                {% for noticias in noticiaspi|slice:":3" %}
                                <div id="smRightBox1UltimasTopRight">
                                    <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}"><h1 class="smTituloBox2">{{ noticias.titulo }}</h1></a>
                                    <p class="smDescricaoRight">{{ noticias.subtitulo }}</p>
                                </div>
                                {% endfor %}
                            </div>
                    </div>


                </div>

                
                <!-- Fim Blocos abaixo da manchete
                <div id="blocosCentro">
                    <div id="blocoCentro">
                        <p class="TopBlocoCentro">Detran/<span class="boldYellom">Piauí</span>
                            <img class="LogoMini" src="img/inconMini.png" alt="Icone mini" align="right" />
                        </p>
                        <div id="smRightBox1">
                            <a href="#"><h1 class="smTituloBox">Blitz educativa estadual acontece nesta quinta-feira</h1></a>
                            <p class="smDescricao">A Campanha Volta às Aulas 2012, realizada pelo Governo do Estado, por</p> 
                        </div>
                        <div id="smRightBox2">
                            <a href="#"><h1 class="smTitulo">Blitz educativa estadual acontece nesta quinta-feira</h1></a>
                            <p class="smDescricao">A Campanha Volta às Aulas 2012, realizada pelo Governo do Estado, por</p> 
                        </div> 
                    </div>
                    <div id="blocoCentro">
                        <p class="TopBlocoCentro">Detran/<span class="boldRed">Piauí</span>
                            <img class="LogoMini" src="img/inconMini.png" alt="Icone mini" align="right" />
                        </p>
                        <div id="smRightBox1">
                            <a href="#"><h1 class="smTituloBox">Blitz educativa estadual acontece nesta quinta-feira</h1></a>
                            <p class="smDescricao">A Campanha Volta às Aulas 2012, realizada pelo Governo do Estado, por</p> 
                        </div>
                        <div id="smRightBox2">
                            <a href="#"><h1 class="smTitulo">Blitz educativa estadual acontece nesta quinta-feira</h1></a>
                            <p class="smDescricao">A Campanha Volta às Aulas 2012, realizada pelo Governo do Estado, por</p> 
                        </div> 
                    </div>
                    <div id="blocoCentro3">
                        <p class="TopBlocoCentro">Detran/<span class="boldBlue">Piauí</span>
                            <img class="LogoMini" src="img/inconMini.png" alt="Icone mini" align="right" />
                        </p>
                        <div id="smRightBox1">
                            <a href="#"><h1 class="smTituloBox">Blitz educativa estadual acontece nesta quinta-feira</h1></a>
                            <p class="smDescricao">A Campanha Volta às Aulas 2012, realizada pelo Governo do Estado, por</p> 
                        </div>
                        <div id="smRightBox2">
                            <a href="#"><h1 class="smTitulo">Blitz educativa estadual acontece nesta quinta-feira</h1></a>
                            <p class="smDescricao">A Campanha Volta às Aulas 2012, realizada pelo Governo do Estado, por</p> 
                        </div> 
                    </div>
                </div>
                fim blocos do centro -->               
                 <div id="containerUltimas">
                    <div id="ultimasleft">
                        <h1 class="tituloUltimas">Detrans/<span class="boldGreen">Brasil</span></h1>
                        {% for noticias in noticias|slice:":5" %}
                        <div id="topicoUltimas">
                            <div id="items">
                                <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}">
                                    <h1 class="tituloItem">{{ noticias.titulo }}</h1>
                                    <p class="descricaoItem">{{ noticias.subtitulo }}</p>
                                </a>
                                <div id="publicacao">{{ noticias.data }}</div>
                            </div>
                         </div>
                        {% endfor %}
                    </div>

                    <div id="ultimasBoxRight">
                        <div id="blocoCentro3">
                            <p class="TopBlocoCentro">Detran/<span class="boldOrange">São Paulo</span>
                                <img class="LogoMini" src="{{ MEDIA_URL }}img/inconMini.png" alt="Icone mini" align="right" />
                            </p>
                            <div id="limiteRight">
                            {% for noticias in noticiassp|slice:":2" %}
                                 <div id="smRightBox1Ultimas">
                                     <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}"><h1 class="smTituloBoxOrange">{{ noticias.titulo }}</h1></a>
                                        <img src="{{ MEDIA_URL }}{{ noticias.imagem_destaque }}" width="230" height="115" />
                                        <!--<img src="{{ MEDIA_URL }}img/img2.png" width="238" >-->
                                      <p class="smDescricaoSubWay">{{ noticias.subtitulo }}</p>
                                 </div>
                            {% endfor %}
                            </div>
                            <div id="blocoCentroUltimas">
                            <p class="TopBlocoCentro">Detran/<span class="boldRed">Maranhão</span>
                                <img class="LogoMini" src="{{ MEDIA_URL }}img/inconMini.png" alt="Icone mini" align="right" />
                            </p>
                                {% for noticias in noticiasma|slice:":3" %}
                            <div id="smRightBoxUltimas1">
                                <a href="{% url nuntius.views.noticiainterna slug=noticias.slug %}"><h1 class="smTituloBoxFim">{{ noticias.titulo }}</h1></a>
                                <p class="smDescricao1">{{ noticias.subtitulo }}</p>
                            </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>

                    <div id="parceiros">
                        <div class="wrapper">
			<div class="list_carousel">
				<ul id="foo0">
					<li>c</li>
					<li>a</li>
					<li>r</li>
					<li>o</li>
					<li>u</li>
					<li>F</li>
					<li>r</li>
					<li>e</li>
					<li>d</li>
					<li>S</li>
					<li>e</li>
					<li>l</li>
					<li> </li>
				</ul>
				<div class="clearfix"></div>
			</div>
        </div>
                    </div>
                </div>
            </div>
        </div>

        {% include "sidebar.html" %}
    </div>
    {% include "footer.html" %}